import {Button, Table, Typography} from 'antd';
import React, {useEffect, useState} from 'react';
import {Link} from "@umijs/preset-dumi/lib/theme";
import {TjdLeaders} from "@/services/Province/Dashboard";

// handleTableChange = (pagination) => {
//   const { onChange } = this.props;
//   if (onChange) {
//     onChange(pagination);    // 在model层改变当前页，传给后台更新当前页数据，即list和pagination，
//   }
// };


const columns = [
  // {
  //   title: '院校名',
  //   // width: 140,
  //   dataIndex: 'univ_name',
  //   // filters: [
  //   //   {
  //   //     text: 'Joe',
  //   //     value: 'Joe',
  //   //   },
  //   //   {
  //   //     text: 'Jim',
  //   //     value: 'Jim',
  //   //   },
  //   //   {
  //   //     text: 'Submenu',
  //   //     value: 'Submenu',
  //   //     children: [
  //   //       {
  //   //         text: 'Green',
  //   //         value: 'Green',
  //   //       },
  //   //       {
  //   //         text: 'Black',
  //   //         value: 'Black',
  //   //       },
  //   //     ],
  //   //   },
  //   // ],
  //   // specify the condition of filtering result
  //   // here is that finding the name started with `value`
  //   // onFilter: (value, record) => record.name.indexOf(value) === 0,
  //   // sorter: (a, b) => a.name.length - b.name.length,
  //   // sortDirections: ['descend'],
  // },
  {
    title: '学科或学科群',
    // width: 160,
    width: 250,
    dataIndex: 'dis_name',
    // defaultSortOrder: 'descend',
    // sorter: (a, b) => a.age - b.age,
  },
  {
    title: <Typography.Text>国家级学术领军人才<br/>（含青年人才）数量</Typography.Text>,
    dataIndex: 'rc_num',
    align: 'center',
    // filters: [
    //   {
    //     text: 'London',
    //     value: 'London',
    //   },
    //   {
    //     text: 'New York',
    //     value: 'New York',
    //   },
    // ],
    // onFilter: (value, record) => record.address.indexOf(value) === 0,
  },
  {
    title: '详情',
    dataIndex: 'dis_name',
    render: text=><div><Link to={'/province/detail_table/'+text+'/国家级学术领军人才（含青年人才）情况'}>查看</Link></div>
  }
];

const onChange = (pagination, filters, sorter, extra) => {
  console.log('params', pagination, filters, sorter, extra);
};

export default () => {
  const [data, setData] = useState([])
  const [reload, setReload] = useState(false)

  // 请求数据
  useEffect(() => {
    TjdLeaders().then(res => {
      console.log("@国家级学术领军人才（含青年人才）情况", res)
      if (res.status === 0) {
        setData(res.data)
      }
    })
  }, [reload])
  return <Table columns={columns} dataSource={data} onChange={onChange}/>
};
